<template>
  <div class="dialogIMg">
    <div class="dialogIMg-con dialogSize" ref="dialog">
      　 <div style="line-height: 40px;text-align: right;margin-right:10px;cursor: pointer" @click="cancel">
            <i class="iconfont" >&#xe625;</i>
          </div>
        <div style="margin:0 20px">
          <img :src="imgSrc" width="350" height="550"/>
        </div>
    </div>
  </div>
</template>

<script>
    export default {
        name: "enlargeImg",
         data(){
          return{

          }
         },
      props:{
        imgSrc:''
      },
      methods:{
          cancel(){
            this.$emit("close")
          }
      }
    }
</script>

<style scoped>
  .dialogSize{
    width:390px;
    height:600px;
  }
</style>
